page {
		background-color: $uni-bg-color-grey;
}

/* 列表 小标签 样式 */
.site-tag {
	position: relative;
	font-size: 24rpx;
	padding: 8rpx 12rpx;
	white-space: nowrap;
}

.site-tag::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
	border-width: 1rpx;
	border-style: solid;
	border-radius: 12rpx;
}

.site-tag[class*="blue"] {
	color: #059BFE;
}

.site-tag[class*="blue"]::after {
	border-color: #059BFE;
}

.site-tag[class*="green"] {
	color: #0BC994;
}

.site-tag[class*="green"]::after {
	border-color: #0BC994;
}

.site-tag[class*="red"] {
	color: #FC524D;
}

.site-tag[class*="red"]::after {
	border-color: #FC524D;
}

.site-tag[class*="orange"] {
	color: #FF7E33;
}

.site-tag[class*="orange"]::after {
	border-color: #FF7E33;
}

.site-tag[class*="grey"] {
	color: #AFAFAF;
}

.site-tag[class*="grey"]::after {
	border-color: #AFAFAF;
}

.site-tag-fill {
	font-size: 24rpx;
	padding: 10rpx 16rpx;
	border-radius: 6rpx;
	white-space: nowrap;
}

/* 填充样式 */
.site-tag-fill[class*="primary"] {
	background-color: #FFC600;
}

.site-tag-fill[class*="primary-alpha"] {
	background-color: rgba(255, 222, 0, .2);
}

.site-tag-fill[class*="text-333"] {
	color: #333333;
}

.site-tag-fill[class*="text-primary"] {
	color: #FFC600;
}

.site-tag-fill[class*="text-orange"] {
	color: #FF7E33;
}


/* 列表 内容 灰色背景 */
.site-card-item .body-box {
	background-color: rgba(224, 224, 224, 0.2);
}

.float-btn {
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	background-color: #FFC600;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50rpx;
	color: #333;
	position: fixed;
	right: 30rpx;
	bottom: 30rpx;
	z-index: 9;
}

/* 表单底部操作按钮 */
.form-bottom-btn-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	padding: 20rpx 30rpx;
	display: flex;
	z-index: 999;
}

.form-bottom-btn-bar .btn {
	flex: 1;
	color: #333 !important;
}

.form-bottom-btn-bar .btn+.btn {
	margin-left: 30rpx;
	background-color: #fff;
	border: 1px solid #999;
	color: #333;
}

/* 表单 样式 */
.form_title {
	padding-left: 32rpx;
	position: relative;
}

.form_title::before {
	content: '';
	width: 6rpx;
	height: 26rpx;
	border-radius: 3rpx;
	background-color: $hub-color-theme;
	position: absolute;
	top: 50%;
	left: 20rpx;
	transform: translateY(-50%);
}

// 详情页展示文本
.showText{
	min-height: 70rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	line-height: 1.4;
	&.left{
		justify-content: flex-start;
	}
}

//必填
.required{
	padding-left: 30rpx;
	position: relative;
	&:before{
		content: '*';
		position: absolute;
		left: 16rpx;
		top: 50%;
		padding-top: 6rpx;
		transform: translateY(-50%);
		color: $uni-color-error;
		z-index: 99;
	}
}
